<template>
	<view style="width: 100%;">
		<commodity-card-normal v-if="type === 1" :item="item"></commodity-card-normal>
		<commodity-card-rush v-else-if="type === 2" :item="item" :rushType="rushType"></commodity-card-rush>
		<commodity-card-presale v-else-if="type === 3" :item="item"></commodity-card-presale>
		<commodity-card-collage v-else-if="type === 4" :item="item"></commodity-card-collage>
	</view>
</template>

<script>
	import CommodityCardCollage from './commodity-card-collage'
	import CommodityCardNormal from './commodity-card-normal'
	import CommodityCardPresale from './commodity-card-presale'
	import CommodityCardRush from './commodity-card-rush'
	export default {
		components: { CommodityCardCollage, CommodityCardNormal, CommodityCardPresale, CommodityCardRush },
		props: {
			item: {
				default: () => ({})
			},
			rushType: {
				default: 'rushing'
			}
		},
		data() {
			return {
				
			}
		},
		computed: {
			type() {
				return this.item.goodsType || 1
			}
		}
	}
</script>

<style scoped lang="scss">
	
</style>
